<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>조립PC의 대명사- PC Master~!~!</title>
<script type="text/javascript" src="/web/resources/js/member/member_passFindForm.js"></script>
</head>
<body>

<!-- 상단 로그인 패널을 include로 삽입 -->
<div style="position:absolute; left:50%; top:0px; width:1200px; height:80px; margin-left:-600px;z-index:1 ">
<%@ include file="../loginPanel.jsp" %>
</div>

<!-- 상단 및 좌측 메뉴(카테고리)리스트를 include로 삽입 -->
<div style="position:absolute; left:50%; top:0px; width:1200px; height:80px; margin-left:-600px;">
<%@ include file="../top.jsp" %>
</div>

<div style="position:absolute; left:50%; top:160px; width:1000px; height:80px; margin-left:-400px;">
<!--------------------------------------여기다가 각자 삽입------------------------------------>
<!-- 타이틀 -->
<table style="margin-left: 30px; margin-top:30px" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td><img src="/web/resources/images/bar_t_line.gif" border="0" alt="" /></td>
			<td style="color:333333;font-size:14px;font-weight:bold;">비밀번호 찾기</td>
	</tr>
</table>	  
<!-- 타이틀 끝 --><br/>

<div>
	<!-- 이메일로 찾기 -->
	<form name="passFindForm1" action="/web/member/passFind" method="post">
	<div id="divEmail" class="input" style="display:inline-block">
		<!-- 히든 타입 -->
		<input type="hidden" name="member_email" />
		<!-- 히든 타입 끝-->
		<input type="radio" name="type1" class="radio" id="s_email"  onclick="selectType('email');" value="email" checked="checked"/> 
		<label for="s_email" class="s_email"  onclick="selectType('email');">이메일</label>
		<input type="radio" name="type1" class="radio" id="s_hp"  onclick="selectType('phone');" value="phone" /> 
		<label for="s_hp" class="s_hp"  onclick="selectType('phone');">휴대폰</label><br/>
		
		아이디<input type="text" name="member_id"  /><br/>
		이메일<input type="text" id="email1"  />
		<input type="text" id="email2"  />
		<select id="email3" onchange="changeMail()">
			<option value="" >직접입력</option>
			<c:forEach items="${emailcode }" var="code">
			<option value="${code }">${code }</option>			
			</c:forEach>
		</select><br/>			
		<input type="button" value="찾기" onclick="passFindFormCheck1()" />
		<input type="button" value="취소" onclick="location.href='/web/'" />		
	</div>
	</form>
	<!-- 이메일로 찾기 끝-->
	<!-- 휴대폰 번호로 찾기 -->
	<form name="passFindForm2" action="/web/member/passFind" method="post">
	<div id="divPhone" class="input" style="display:none">
		<!-- 히든 타입 -->
		<input type="hidden" name="member_handphone" />		
		<!-- 히든 타입 끝 -->
		<input type="radio" name="type1" class="radio" id="s_email"  onclick="selectType('email');" value="email" checked="checked"/> 
		<label for="s_email" class="s_email"  onclick="selectType('email');">이메일</label>
		<input type="radio" name="type1" class="radio" id="s_hp" 	 onclick="selectType('phone');" value="phone" /> 
		<label for="s_hp" class="s_hp"  onclick="selectType('phone');">휴대폰</label><br/>		
		
		아이디<input type="text" name="member_id" /><br/>
		핸드폰번호
		<select id="phone1" title="휴대폰 첫자리 선택" class="sel_brth2" style="width:50px">
			<option value="010">010</option>
			<option value="011">011</option>
			<option value="016">016</option>
			<option value="017">017</option>
			<option value="018">018</option>
			<option value="019">019</option>
		</select> - 
		<input type="text" id="phone2" title="휴대폰 중간 자리 입력" style="ime-mode:disabled;" onkeypress="checkForNumber();"
			 size="5" maxlength="4"/> - 
		<input type="text" id="phone3" title="휴대폰 끝 자리 입력" style="ime-mode:disabled;" onkeypress="checkForNumber();"
			 size="5" maxlength="4"/><br/>
			
		<input type="button" value="찾기" onclick="passFindFormCheck2()" />
		<input type="button" value="취소" onclick="location.href='/web/'" />
		</div>
	</form>
	<!-- 휴대폰 번호로 찾기끝 -->
</div>





<!--------------------------------------   삽입 끝       ------------------------------------>
</div> 

<!-- 하단 이용약관, 고객센터, 회사정보 등의 정보를 include로 삽입 -->
<div style="position:absolute; left:0; top:1200px; width:100%; height:80px; ">
<%@ include file="../bottom.jsp"%>
</div>
</body>
</html>